<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>CSS3 用户界面-CSS3 调整尺寸(Resizing)</title>
    <style>
        /* CSS3中，resize属性指定一个元素是否应该由用户去调整大小。 */

        /* 由用户指定一个div元素尺寸大小： */
        div {
            border: 2px solid;
            padding: 10px 40px;
            width: 300px;
            resize: both;
            overflow: auto;
        }
    </style>
</head>

<body>

    <p><b>注意:</b> Firefox, Safari,和 Chrome 兼容 resize 属性.</p>

    <div>调整属性指定一个元素是否由用户可调整大小的。</div>

</body>

</html>